﻿<!DOCTYPE HTML>
<!--[if IE 8]> <html class="ie8 no-js"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]-->
<head>
	<!-- begin meta -->
	<meta charset="utf-8">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- end meta -->
	
	<!-- begin CSS -->
	<link href="style.css" type="text/css" rel="stylesheet" id="main-style">
    
    <!-- REVOLUTION BANNER CSS SETTINGS -->
    <link rel="stylesheet" type="text/css" href="css/revslider.css" media="screen">
    
	<link href="css/responsive.css" type="text/css" rel="stylesheet">
	<!--[if IE]> <link href="css/ie.css" type="text/css" rel="stylesheet"> <![endif]-->
	<link href="css/colors/blue.css" type="text/css" rel="stylesheet" id="color-style">
    <link href="style-switcher/style-switcher.css" type="text/css" rel="stylesheet">
	<!-- end CSS -->
    
	
	<!-- begin JS -->
    <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script> <!-- jQuery -->
    <script src="js/ie.js" type="text/javascript"></script> <!-- IE detection -->
    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script> <!-- jQuery easing -->
	<script src="js/modernizr.custom.js" type="text/javascript"></script> <!-- Modernizr -->
    <!--[if IE 8]>
    <script src="js/respond.min.js" type="text/javascript"></script> 
    <script src="js/selectivizr-min.js" type="text/javascript"></script> 
    <![endif]--> 
    <script src="style-switcher/style-switcher.js" type="text/javascript"></script> <!-- style switcher -->
    <script src="js/ddlevelsmenu.js" type="text/javascript"></script> <!-- drop-down menu -->
    <script type="text/javascript"> <!-- drop-down menu -->
        ddlevelsmenu.setup("nav", "topbar");
    </script>
    <script src="js/tinynav.min.js" type="text/javascript"></script> <!-- tiny nav -->
    <script src="js/jquery.validate.min.js" type="text/javascript"></script> <!-- form validation -->
    <script src="js/jquery.flexslider-min.js" type="text/javascript"></script> <!-- slider -->
    <script src="js/jquery.jcarousel.min.js" type="text/javascript"></script> <!-- carousel -->
    <script src="js/jquery.ui.totop.min.js" type="text/javascript"></script> <!-- scroll to top -->
    <script src="js/jquery.fitvids.js" type="text/javascript"></script> <!-- responsive video embeds -->
    <script src="js/jquery.tweet.js" type="text/javascript"></script> <!-- Twitter widget -->
    <script src="js/jquery.tipsy.js" type="text/javascript"></script> <!-- tooltips -->
    <!-- jQuery REVOLUTION Slider  -->
	<script type="text/javascript" src="js/revslider.jquery.themepunch.plugins.min.js"></script> <!-- swipe gestures -->
    <script type="text/javascript" src="js/revslider.jquery.themepunch.revolution.js"></script>
    <!-- REVOLUTION BANNER CSS SETTINGS -->
    <script src="js/jquery.fancybox.pack.js" type="text/javascript"></script> <!-- lightbox -->
    <script src="js/jquery.fancybox-media.js" type="text/javascript"></script> <!-- lightbox -->
    <script src="js/froogaloop.min.js" type="text/javascript"></script> <!-- video manipulation -->
    <script src="js/custom.js" type="text/javascript"></script> <!-- jQuery initialization -->
    <!-- end JS -->
	
	<title>广东汇海华天科技</title>
</head>

<body class="boxed">
<!-- begin container -->
<div id="wrap">
	<!-- begin header -->
    <header id="header" class="container clearfix">
    	<!-- begin logo -->
        <h1 id="logo"><a href="index-2.html"><img src="images/logo1.png" alt="Exquiso" width="70%"></a></h1>
        <!-- end logo -->
        
        <!-- begin navigation wrapper -->
        <div class="nav-wrap clearfix">
        
        <!-- begin search form -->
        <form id="search-form" action="search.php" method="get">
            <input id="s" type="text" name="s" placeholder="Search &hellip;" style="display: none;">
            <input id="search-submit" type="submit" name="search-submit" value="Search">
        </form>
        <!-- end search form -->

        <!-- begin navigation -->
        <nav id="nav">
            <ul id="navlist" class="clearfix">
                <li class="current"><a href="index-3.html">首页</a>
                </li>
                <li><a href="system.html">系统方案</a>
                </li>
                <li><a href="product.html">产品介绍</a>
                </li>
                <li><a href="news.html">动态新闻</a>
                </li>
                <li><a href="service.html">客户服务</a>
                </li>
                <li><a href="about-us.html">关于我们</a></li>
            </ul>
        </nav>
        <!-- end navigation -->
        </div>
        <!-- end navigation wrapper -->
    </header>
    <!-- end header -->
	
    <!-- begin slider -->
    <section id="slider-home">
    	<div class="bannercontainer">
           <div class="banner">
           		<ul>
                	<!-- slide 1 -->
                    <li data-transition="fade" data-slotamount="7" data-masterspeed="300">
                        <!-- main image -->
                        <img src="images/slider/revslider/slides/transparent.png" alt=""> <!-- necessary -->
                        
                        <!-- captions -->
                        <div class="tp-caption fade"
                             data-x="0"
                             data-y="0"
                             data-speed="1000" 
					         data-start="500" 
                             data-easing="easeOutExpo">
                             	<img src="images/slider/revslider/slides/backgrounds/1.png" alt="">
                        </div>
                        
                        <div class="tp-caption black lft"
                             data-x="40"
                             data-y="147"
                             data-speed="1000" 
                             data-start="800" 
                             data-easing="easeInOutQuint">
                             	<h2>行业内领先的解决方案</h2>
                        </div>
                        
                        <div class="tp-caption black lfl"
                             data-x="40"
                             data-y="203"
                             data-speed="1000"
                             data-start="1000"
                             data-easing="easeInOutQuint">
                                <p>我们提供高质量，全面的电力行业解决方案</p>
                        </div>
                        
                        <div class="tp-caption lfb"
                             data-x="40"
                             data-y="256"
                             data-speed="1000"
                             data-start="1200"
                             data-easing="easeInOutQuint">
                            		<a href="system.html" class="button">了解更多</a>
                        </div>
                        
                        <div class="tp-caption lfr"
                             data-x="478"
                             data-y="9"
                             data-speed="1000" 
					 		 data-start="1800" 
                             data-easing="easeOutExpo">
                             	<img src="images/slider/revslider/slides/1.png" alt="">
                        </div>
                    </li>
                    
                    <!-- slide 2 -->
                    <li data-transition="fade" data-slotamount="7" data-masterspeed="300">
                        <!-- main image -->
                        <img src="images/slider/revslider/slides/transparent.png" alt=""> <!-- necessary -->
                        
                        
                        <!-- captions -->
                        <div class="tp-caption fade"
                             data-x="0"
                             data-y="0"
                             data-speed="1000" 
					         data-start="500" 
                             data-easing="easeOutExpo">
                             	<img src="images/slider/revslider/slides/backgrounds/2.png" alt="">
                        </div>
                        
                        <div class="tp-caption black lft"
                             data-x="40"
                             data-y="147"
                             data-speed="1000" 
                             data-start="800" 
                             data-easing="easeInOutQuint">
                             	<h2>精益求精的产品</h2>
                        </div>
                        
                        <div class="tp-caption black lfl"
                             data-x="40"
                             data-y="203"
                             data-speed="1000"
                             data-start="1000"
                             data-easing="easeInOutQuint">
                                <p>我们致力打造有竞争力的电力产品，在行业内已经有十几年的口碑</p>
                        </div>
                        
                        <div class="tp-caption lfb"
                             data-x="40"
                             data-y="256"
                             data-speed="1000"
                             data-start="1200"
                             data-easing="easeInOutQuint">
                            		<a href="product.html" class="button">了解更多</a>
                        </div>
                        
                        <div class="tp-caption lfr"
                             data-x="457"
                             data-y="44"
                             data-speed="1000" 
					 		 data-start="1800" 
                             data-easing="easeOutExpo">
                             	<img src="images/slider/revslider/slides/2.png" alt="">
                        </div>
                    </li>
                    
                    <!-- slide 3 -->
                    <li data-transition="fade" data-slotamount="7" data-masterspeed="300">
                        <!-- main image -->
                        <img src="images/slider/revslider/slides/transparent.png" alt=""> <!-- necessary -->
                        
                        <!-- captions -->
                        <div class="tp-caption fade"
                             data-x="0"
                             data-y="0"
                             data-speed="1000" 
					         data-start="500" 
                             data-easing="easeOutExpo">
                             	<img src="images/slider/revslider/slides/backgrounds/3.png" alt="">
                        </div>
                        
                        <div class="tp-caption black lft"
                             data-x="40"
                             data-y="147"
                             data-speed="1000" 
                             data-start="800" 
                             data-easing="easeInOutQuint">
                             	<h2>节能环保</h2>
                        </div>
                        
                        <div class="tp-caption black lfl"
                             data-x="40"
                             data-y="203"
                             data-speed="1000"
                             data-start="1000"
                             data-easing="easeInOutQuint">
                                <p>响应世界发展主流和国家大力倡导的节能环保号召,大力发展绿色能源管理</p>
                        </div>
                        
                        <div class="tp-caption lfb"
                             data-x="40"
                             data-y="256"
                             data-speed="1000"
                             data-start="1200"
                             data-easing="easeInOutQuint">
                            		<a href="#/user/ixtendo/portfolio" class="button">了解更多</a>
                        </div>
                        
                        <div class="tp-caption lfr"
                             data-x="517"
                             data-y="25"
                             data-speed="1000" 
					 		 data-start="1800" 
                             data-easing="easeOutExpo">
                             	<img src="images/slider/revslider/slides/3.png" alt="">
                        </div>
                    </li>
                    
                    <!-- slide 4 -->
                    <li data-transition="fade" data-slotamount="7" data-masterspeed="300">
                        <!-- main image -->
                        <img src="images/slider/revslider/slides/transparent.png" alt=""> <!-- necessary -->
                        
                        <!-- captions -->
                        <div class="tp-caption fade"
                             data-x="0"
                             data-y="0"
                             data-speed="1000" 
					         data-start="500" 
                             data-easing="easeOutExpo">
                             	<img src="images/slider/revslider/slides/backgrounds/4.png" alt="">
                        </div>
                        
                        <div class="tp-caption black lft"
                             data-x="40"
                             data-y="147"
                             data-speed="1000" 
                             data-start="800" 
                             data-easing="easeInOutQuint">
                             	<h2>服务</h2>
                        </div>
                        
                        <div class="tp-caption black lfl"
                             data-x="40"
                             data-y="203"
                             data-speed="1000"
                             data-start="1000"
                             data-easing="easeInOutQuint">
                                <p>有求必应，有问必答，精心经历为客户提供完善的技术支持</p>
                        </div>
                        
                        <div class="tp-caption lfb"
                             data-x="40"
                             data-y="256"
                             data-speed="1000"
                             data-start="1200"
                             data-easing="easeInOutQuint">
                            		<a href="#/user/ixtendo/portfolio" class="button">了解更多</a>
                        </div>
                        
                        <div class="tp-caption lfr"
                             data-x="480"
                             data-y="74"
                             data-speed="1000" 
					 		 data-start="1800" 
                             data-easing="easeOutExpo">
                             	<!-- <img src="images/slider/revslider/slides/backgrounds/4.jpg" alt=""> -->
                                <img src="images/slider/revslider/slides/cheerful-call-center-operator-445x404.png" alt="">
                        </div>
                    </li>
                </ul>		
                <div class="tp-bannertimer tp-bottom"></div>
           </div>
        </div>   
    </section>
    <!-- end slider -->
            
    <!-- begin content -->
    <section id="content" class="container clearfix">
        <!-- begin intro -->
        <section class="intro">
        	<h3><strong>"海阔天作岸"</strong>,汇海华天将以“全心服务成就电力”的理念,用"开拓、求实、创新、高效"的企业精神,去实现“创世界品牌 树百年汇海华天”的目标.</h3>
        </section>
        <!-- end intro -->
        
        <hr>
        
        <!-- begin services -->
        <section>
        	<div class="iconbox-wrap clearfix">
                <div class="one-fourth">
                    <div class="iconbox applications">
                        <a href="services.html#design">
                            <h3 class="iconbox-title"><span class="iconbox-icon"></span>Design</h3>
                            <p>Sed tincidunt imperdiet sollicitudin. Maecenas luctus ipsum ut ante interdum ornare in at tortor. Mauris eros metus, rhoncus vitae dictum.</p>
                        </a>
                    </div>
                </div>
                
                <div class="one-fourth">
                    <div class="iconbox cog">
                        <a href="services.html#development">
                            <h3 class="iconbox-title"><span class="iconbox-icon"></span>Development</h3>
                            <p>Aenean feugiat interdum ligula, eget facilisis nunc ornare eu. Etiam vestibulum ultricies hendrerit. Praesent porttitor leo a erat ornare dictum.</p>
                        </a>
                    </div>
                </div>
                
                <div class="one-fourth">
                    <div class="iconbox iphone">
                        <a href="services.html#mobile">
                            <h3 class="iconbox-title"><span class="iconbox-icon"></span>Mobile</h3>
                            <p>Donec tristique fermentum lectus, eu tincidunt lacus vestibulum non. Nam nibh velit, dapibus ac imperdiet vitae, pellentesque ac ante.</p>
                        </a>
                    </div>
                </div>
                
                <div class="one-fourth">
                    <div class="iconbox chemical">
                        <a href="services.html#strategy">
                            <h3 class="iconbox-title"><span class="iconbox-icon"></span>Strategy</h3>
                            <p>Mauris eros metus, rhoncus vitae dictum ac, viverra nec turpis. Donec quis lacinia arcu. Cum sociis natoque penatibus et magnis dis parturient.</p>
                        </a>
                    </div>
                </div>
            </div>
        </section>
        <!-- end services -->
        
        <hr>
        
        <!-- begin latest posts -->
        <section class="one-half">
            <h3>汇海动态</h3>
            <!-- begin post carousel -->
            <ul class="post-carousel">
                <!-- begin first column -->
                <li>
                    <div class="entry">
                        <div class="entry-date">
                            <div class="entry-day">1日</div>
                            <div class="entry-month">4月</div>   
                        </div>
                        <div class="entry-body">
                            <h4 class="entry-title"><a href="news.html">江门供电局中标</a></h4>
                            <div class="entry-content">
                                <p>2015年3月31日，在大家共同的努力下，我司在“广东电网有限责任公司江门供电局2015低压集抄终端维修”项目中成功中标。 &hellip;</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="entry">
                        <div class="entry-date">
                            <div class="entry-day">30日</div>
                            <div class="entry-month">6月</div>   
                        </div>
                        <div class="entry-body">
                            <h4 class="entry-title"><a href="news">珠海供电局中标</a></h4>
                            <div class="entry-content">
                                <p>2015年6月24日，在大家共同的努力下，我司在“广东电网有限责任公司珠海斗门供电局低压集抄系统硬件维修工程施工”项目中成功中标。&hellip;</p>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- end first column -->
                
                <!-- begin second column -->
                <li>
                    <div class="entry">
                        <div class="entry-date">
                            <div class="entry-day">30日</div>
                            <div class="entry-month">6月</div>   
                        </div>
                        <div class="entry-body">
                            <h4 class="entry-title"><a href="news.html">云南电网有限责任公司中标</a></h4>
                            <div class="entry-content">
                                <p>2015年6月23日，在大家共同的努力下，我司在“云南电网有限责任公司2015年第二批二级物资框架招标采购项目”中成功中标。 &hellip;</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="entry">
                        <div class="entry-date">
                            <div class="entry-day">27</div>
                            <div class="entry-month">3月</div>   
                        </div>
                        <div class="entry-body">
                            <h4 class="entry-title"><a href="news.html">汕尾供电局中标</a></h4>
                            <div class="entry-content">
                                <p>2015年3月13日，在大家共同的努力下，我司在“广东电网有限责任公司汕尾供电局2014年低压集中抄表系统建设改造项目（施工招标）”中成功中标。 &hellip;</p>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- end second column -->
            </ul>
            <!-- end post carousel -->
            
            <a class="button generic" href="news.html">了解更多</a>
        </section>
        <!-- end latest posts -->
        
        <!-- begin testimonials -->
        <section class="one-half column-last">
            <h3>客户评价</h3>
            <!-- begin testimonial carousel -->
            <ul class="testimonial-carousel">
                <li>
                    <blockquote class="speech-bubble">
                        <div class="quote-content">
                            <p>该公司为我们设计的解决方案非常具有标准化、安全性、实用性、时效性、技术性。 
    在接触过程中，我们发现汇海华天与其他科技公司不同，操作规范，流程紧密，有据可依，不但尽量花时间去研究我们公司的需求，而且提供完善的服务。这种工作方式我们非常满意。</p>
                            <span class="quote-arrow"></span>
                        </div>
                        <div class="quote-meta"><strong>徐家辉</strong>, 总经理<br>
                            <span class="company">云南辉煌电力工程有限公司</span>
                        </div>
                    </blockquote>
                </li>
                <li>
                    <blockquote class="speech-bubble">
                        <div class="quote-content">
                            <p>汇海华天的现场技术支持团队与中山供电局的密切合作一直来不断帮助中山区域抄表率在99%以上，是我们最有力的合作和伙伴</p>
                            <span class="quote-arrow"></span>
                        </div>
                        <div class="quote-meta"><strong>计量部</strong><br>
                            <span class="company">中山供电局</span>
                        </div>
                    </blockquote>
                </li>
                

            </ul>
            <!-- end testimonial carousel -->
            <a class="button generic" href="service.html">了解更多</a>
        </section>
        <!-- end testimonials -->
        
        <hr>
        
        <!-- begin latest projects -->
        <section>
        	<h3>最近项目</h3>
            <!-- begin project carousel -->
            <ul class="project-carousel project-list">
            	<!-- begin row 1 -->
                <li class="entry">
                    <a class="entry-image lightbox" href="images/entries/full-size/digital-tablet.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/digital-tablet-220x140.png" alt=""></a>
                    <a class="entry-meta" href="portfolio-item-image.html">
                        <h4 class="entry-title">配网综合管理系统解决方案</h4>
                        <div class="entry-content">
                            <p>CPT6100配网综合管理系统，把传统的大客户负荷管理终端、配变终端与低压电力集抄的集中器三合为一的综合型智能管理终端，包括计量、电量监测、负荷管理、低压载波、抄表管理、线损管理等多样功能。</p>
                        </div>
                    </a>
                </li>
                
                <li class="entry">
                    <a class="entry-image lightbox" rel="business-development" href="images/entries/full-size/business-development.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/business-development-220x140.png" alt=""></a>
                    <a class="entry-image lightbox invisible" rel="business-development" href="images/entries/full-size/digital-tablet.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/digital-tablet-220x140.png" alt=""></a>
                    <a class="entry-image lightbox invisible" rel="business-development" href="images/entries/full-size/computer-room.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/computer-room-220x140.png" alt=""></a>
                    <a class="entry-meta" href="portfolio-item-slider.html">
                        <h4 class="entry-title">广东省中山市集抄系统工程</h4>
                        <div class="entry-content">
                            <p>混合载波方案和半载波方案，系统每天在线率100%，系统每天抄收率超过99.99%，集中器兼容性好，兼容国内多家电能表和主站系统</p>
                        </div>
                    </a>
                </li>
                
                <li class="entry">
                    <a class="entry-image lightbox" href="images/entries/full-size/modern-skyscraper.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/modern-skyscraper-220x140.png" alt=""></a>
                    <a class="entry-meta" href="portfolio-item-image.html">
                        <h4 class="entry-title">Modern Skyscraper</h4>
                        <div class="entry-content">
                            <p>Image with lightbox</p>
                        </div>
                    </a>
                </li>
                
                <li class="entry">
                    <a class="entry-image lightbox" rel="computer-room" href="images/entries/full-size/computer-room.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/computer-room-220x140.png" alt=""></a>  
                    <a class="entry-image lightbox invisible" rel="computer-room" href="images/entries/full-size/network.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/network-220x140.png" alt=""></a>
                    <a class="entry-image lightbox invisible" rel="computer-room" href="images/entries/full-size/digital-tablet.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/digital-tablet-220x140.png" alt=""></a>
                    <a class="entry-meta" href="portfolio-item-slider.html">
                        <h4 class="entry-title">Computer Room</h4>
                        <div class="entry-content">
                            <p>Lightbox gallery</p>
                        </div>
                    </a>
                </li>
                <!-- begin row 2 -->
                <li class="entry">
                    <a class="entry-image lightbox" href="images/entries/full-size/network.jpg" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/network-220x140.png" alt=""></a>
                    <a class="entry-meta" href="portfolio-item-image.html">
                        <h4 class="entry-title">Network</h4>
                        <div class="entry-content">
                            <p>Image with lightbox</p>
                        </div>
                    </a>
                </li>
                
                <li class="entry">
                    <a class="entry-image lightbox-video" href="http://player.vimeo.com/video/7809605?title=0&amp;byline=0&amp;portrait=0" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/the-third-and-the-seventh-220x140.png" alt=""></a>
                    <a class="entry-meta" href="portfolio-item-video.html">
                        <h4 class="entry-title">The Third &amp; the Seventh</h4>
                        <div class="entry-content">
                            <p>Video with lightbox (Vimeo)</p>
                        </div>
                    </a>
                </li>
                
                <li class="entry">
                    <a class="entry-image lightbox-video" href="http://www.youtube.com/embed/LzTMRjufvqk?autoplay=0" title="Project Title"><span class="overlay zoom"></span><img src="images/entries/220x140/we-feed-the-network-220x140.png" alt=""></a>
                    <a class="entry-meta" href="portfolio-item-video.html">
                        <h4 class="entry-title">We Feed the Network</h4>
                        <div class="entry-content">
                            <p>Video with lightbox (YouTube)</p>
                        </div>
                    </a>
                </li>
            </ul>
            <!-- end project carousel -->
        </section>
        <!-- end latest projects -->
        
        <hr>
        
        <!-- begin clients -->
        <section>
        	<h3>我们的客户</h3>
            <div class="client-wrap">
                <ul class="clients clearfix">
                    <li><a href="#"><img src="images/client-logos/1.png" alt="国家电网" title="国家电网"></a></li>
                    <li><a href="#"><img src="images/client-logos/2.png" alt="中国南方电网" title="中国南方电网"></a></li>
                    <li><a href="#"><img src="images/client-logos/3.png" alt="雅居乐" title="雅居乐"></a></li>
                    <li><a href="#"><img src="images/client-logos/4.png" alt="万科" title="万科"></a></li>
                    <li><a href="#"><img src="images/client-logos/5.png" alt="中信地产" title="中信地产"></a></li>
                </ul>
            </div>
        </section>
        <!-- end clients -->   
    </section>
    <!-- end content -->  
    
    <!-- begin footer -->
	<footer id="footer">
        <!-- begin footer top -->
        <div id="footer-top">
        	<div class="container clearfix">
                <div class="one-fourth">
                    <div class="widget">
                        <h3>Text Widget</h3>
                        <p>Cras pretium elit quis nunc congue ut sollicitudin ante mattis. Nam cursus tellus vel libero pretium ut sagittis felis.</p>
						<p>Etiam laoreet nisl a dolor convallis euismod. Nulla felis velit, elementum ut fringilla ac, tincidunt eu justo.</p>
                    </div>
                </div>
                <div class="one-fourth">
                    <div class="widget twitter-widget">
                        <h3>Latest Tweets</h3>
                        <div class="tweet"></div>
                    </div>
                </div>
                <div class="one-fourth">
                    <div class="widget newsletter">
                        <h3>信箱</h3>
                        <p>订阅我们的邮件，在每周您都可以收到我们最新的信息和资料。</p>
                        <div id="newsletter-notification-box-success" class="notification-box notification-box-success" style="display: none;">
                            <p>您已经成功订阅我们的邮件资讯.</p>
                            <a href="#" class="notification-close notification-close-success">x</a>
                        </div>
        
                        <div id="newsletter-notification-box-error" class="notification-box notification-box-error" style="display: none;">
                            <p>Your email address couldn't be subscribed because a server error occurred. Please try again later.</p>
                            <a href="#" class="notification-close notification-close-error">x</a>
                        </div>
                        <form id="newsletter-form" class="content-form" action="#" method="post">
                            <input id="newsletter" type="email" name="newsletter" placeholder="Enter your email address &hellip;" class="required">
                            <input id="subscribe" class="button" type="submit" name="subscribe" value="Subscribe">
                        </form>
                    </div>
                </div>
                <div class="one-fourth column-last">
                    <div class="widget contact-info">
                        <h3>Contact Info</h3>
                        <div>
                            <p class="address"><strong>Address:</strong> 123 Street, City, Country</p>
                            <p class="phone"><strong>Phone:</strong> (123) 456-7890</p>
                            <p class="fax"><strong>Fax:</strong> (123) 456-7890</p>
                            <p class="email"><strong>Email:</strong> <a href="mailto:office@company.com">office@company.com</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end footer top -->

        <!-- begin footer bottom -->
        <div id="footer-bottom">
        	<div class="container clearfix">
                <div class="one-half">
                    <p>Copyright &copy; 2015 Fullseas. <a href="#" target="_blank" title="模板之家">广东汇海华天科技有限公司</a> - Designed by<a href="#" title="UGA" target="_blank">&nbspUGA</a>.</p>
                </div>
        
                <div class="one-half column-last">
                    <ul class="social-links">
                        <li class="twitter"><a href="#" title="Twitter" target="_blank">Twitter</a></li>
                        <li class="facebook"><a href="#" title="Facebook" target="_blank">Facebook</a></li>
                        <li class="google-plus"><a href="#" title="Google+" target="_blank">Google+</a></li>
                        <li class="linkedin"><a href="#" title="LinkedIn" target="_blank">LinkedIn</a></li>
                        <li class="vimeo"><a href="#" title="Vimeo" target="_blank">Vimeo</a></li>
                        <li class="youtube"><a href="#" title="YouTube" target="_blank">YouTube</a></li>
                        <li class="skype"><a href="#" title="Skype" target="_blank">Skype</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- end footer bottom -->
	</footer>
	<!-- end footer -->  
</div>
<!-- end container -->
</body>
</html>